<template>
  <el-input class="addItem" placeholder="准备做什么？"
    v-model="value"
    @keyup.enter.native="value ? $emit('add-item', value) : null"
  ></el-input>
</template>

<script>
export default {
  name: 'AddItem',
  data () {
    return {
      value: ''
    }
  }
}
</script>

<style>
  .addItem .el-input__inner {
    text-align: center;
    border-radius: 20px;
  }
</style>
